<template>
	<view :style="[barStyle]">

	</view>
</template>

<script>
	export default {
		name: "StatusBar",
		props: {
			customStyle: {
				type: Object,
				default: _ => ({})
			},
			direction: {
				type: String,
				default: "top"
			}
		},
		data() {
			return {

			}
		},
		computed: {
			barStyle() {
				return {
					...this.customStyle,
					height: this.$k.sys.safeAreaInsets[this.direction] + 'px'
				}
			}
		}
	}
</script>

<style lang="scss">

</style>